page{
  background-color: #F03434;
}
.rule-bg{
  padding: 30rpx;
  .rule-content{
    width: 690rpx;
    padding: 40rpx;
    background-color: #ffffff;
    box-sizing: border-box;
    .rule-title{
      text-align: center;
      font-size:40rpx;
      font-family:PingFangSC-Medium;
      font-weight:500;
      padding-bottom: 40rpx;
      border-bottom: 3rpx dashed #D1D1D1;
    }
    .sub-title{
      font-size: 36rpx;
      color: #0E0E0E;
      margin: 40rpx 0 46rpx;
      font-weight:500;
    }
    .sub-list{
      display: flex;
      margin-bottom: 20rpx;
      view{
        &:first-child{
          width: 34rpx;
          height: 34rpx;
          line-height: 34rpx;
          background-color: #DFDFDF;
          color: #ffffff;
          border-radius: 50%;
          font-size: 24rpx;
          text-align: center;
          margin-right: 26rpx;
        }
        &:last-child{
          width:550rpx;
          font-size:28rpx;
          color:#282828;
          font-family:PingFangSC-Regular;
          margin-top:-4rpx;
          text-align: justify;     
          text{
            color: #F03434;
          }
        }
      }
    }
  }
}